<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <title>UnitText(单位文本框)测试页面</title>
    <link href="/static/css/index.css" rel="stylesheet" type="text/css">
    <link href="/static/css/controls.css" rel="stylesheet" type="text/css">
    <style>[ng-cloak]{display:none}</style>

</head>
<body style="margin:50px 250px;" ng-controller="UnitController">
    <!--
    g-unit：单位文本框
    属性说明:
        1)[必须] g-unit:如果只有后面的单位，可以不使用unit-after。把单位名称直接设在g-unit上(如:g-unit="$")
        2)[可选] unit-before:前面的单位名称(如:unit-before="kg")
        3)[可选] unit-after:后面的单位名称(如:g-unit="kg"),如果g-unit设了单位，再设unit-after的话。unit-after的单位会覆盖g-unit的单位。
        4)[可选] width:设置元素宽度，单位有%:百分比;in：英寸;cm：厘米;mm：毫米;pt:磅数;pc:12点活字;ex:字母高度的一半;em:字体高度;px：像素(默认)
        5)[可选] g-numeric：数字指令,属性allow-float:允许输入小数,allow-negative:允许输入负号
        7)[可选] g-precision:保留小数位数，rounding舍入模式:false:四舍五入;true：截断;不设置(默认):四舍五入
        8)[可选] g-dbc:全角转半角处理
        9)[可选] allow-show:控制元素显示和隐藏。true:显示;false:隐藏,也可以是controller中的变量
        10)[可选] disabled:控制元素是否禁用。disabled:禁用。不设置:可输入。
     -->
    <div><label>&nbsp;&nbsp;单位在前面:</label>
            <input unit-before="kg"  g-unit class="form-text"  g-numeric g-precision="3"
                   rounding="false" width="200px"  allow-negative="true" allow-float="true"  ng-cloak>
    </div>

    <div><label>单位在后面1:</label>
        <input  g-unit="m³" g-numeric g-precision="1"  disabled="true" width="300px"
                rounding="false" allow-negative="true" allow-float="true"   class="form-text" ng-cloak>
    </div>
    <div><label>单位在后面2:</label>
        <input  g-unit unit-after="kg"  g-numeric g-precision="1"  disabled="true" width="200px"
                rounding="false" allow-negative="true" allow-float="true"   class="form-text" ng-cloak>
    </div>
    <div><label>&nbsp;&nbsp;单位在前后:</label>
        <input  g-unit="$" unit-before="%"  g-numeric g-precision="1"  disabled="true" width="200px"
                rounding="false" allow-negative="true" allow-float="true"   class="form-text" ng-cloak>
    </div>

    <div><label>&nbsp;&nbsp;&nbsp;&nbsp;隐藏情况:</label>
        <input allow-show="show"  g-unit="$" unit-before="%"  g-numeric g-precision="1"  disabled="true" width="200px"
                 rounding="false" allow-negative="true" allow-float="true"   class="form-text" ng-cloak>
    </div>





    <script>
        var ctx = '';
        var basePath = '/gillion-web';
        var locale = 'zh-cn'
    </script>
    <script src="/bower_components/requirejs/require.js" data-main="/static/app.js"
            data-bootstrap-modules="['framework/unit/TestUnitModule','framework/control/GillionControlDirectiveModule']"></script>
</body>
</html>